import { FC, memo } from "react";
import classnames from "classnames";
import { View, Image } from "@tarojs/components";

import "./index.scss";
import { User } from "@nutui/icons-react-taro";

const CTitle = ({ isFixed }) => {
  const cls = classnames({
    title_components: true,
    fixed: isFixed,
  });
  return (
    <View className={cls}>
      {/* <Image
        className="title_components__logo"
        src={require("../../assets/images/logo.png")}
      /> */}
      
      <View
        className="at-article__h2"
        style={{
          color: "white", 
          marginLeft: 8,
          display: 'flex',
          alignItems: 'center'
        }}
      >
         <User />
        <span style={{
          marginLeft: 6
        }}>换电屋系统登录</span>
      </View>
    </View>
  );
};

export default memo(CTitle, (oldProps, newProps) => {
  return oldProps.isFixed === newProps.isFixed;
});
